#life{
  margin-top: 0px;

    .life_wai{
      width: 100%;
      height: auto;
      position: relative;
      a {
        width: 100%;
        height: auto;
        display: block;
        text-decoration: none;
        color: white;
       overflow: hidden;
        img {
          height: 100%;
        }

        .life_zz {
          position: absolute;
          left: 0;
          transition: all 1s;
          top:0;
          transition-delay: 1s;
          line-height: 200px;
          opacity: 0;
          text-align: center;
          color: white;
          font-size: 20px;
          z-index: 10;
          background-color: rgba(7, 17, 27, 0.6);
          width: 100%;
          transition: all 1s;
          height: 100%;
        }
      }
      a:hover .life_zz{
        opacity: 1;
      }
    }
}
